﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../src/mixins/style/base.css" />
    <link rel="stylesheet" href="../src/mixins/style/normalize.css" />
    <link rel="stylesheet" href="../src/lib/font-awesome/css/font-awesome.css">

    <!-- 引入样式 -->
    <!--<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">-->
    <!-- 引入组件库 -->
    <!--<script src="https://unpkg.com/element-ui/lib/index.js"></script>-->


</head>

<body>

    <div class="container" id="app">

        <div class="mt_10 search_btn_wrap  clearfix">
            <el-button size="small" type="primary" v-on:click.stop="tableSearch">搜 索</el-button>
            <el-button size="small" type="primary" v-on:click.stop="handleEditClick">上 传</el-button>
        </div>


        <el-table class="mt_10 clearfix" stripe size="mini" :data="tableList" border style="width: 100%">
            <el-table-column type="index" width="50">
            </el-table-column>
            <el-table-column prop="Id" label="主键" width="80">
            </el-table-column>
            <el-table-column prop="Name" label="名称"  width="150">
            </el-table-column>
            <el-table-column prop="Path" label="名称" width="200" >
                <template scope="scope">
                    <a :href="scope.row.Path" target="_blank">
                        <img style="width:200px;height:140px;" :src="scope.row.Path" />          
                    </a>
                </template>
            </el-table-column>
            <el-table-column prop="Path" label="路径" width="" show-overflow-tooltip>
                <template scope="scope">
                    <a :href="scope.row.Path" target="_blank">{{scope.row.Path}}</a>
                </template>
            </el-table-column>
            <el-table-column prop="DataFlag" label="有效性" width="80">
                <template scope="scope">
                <el-tag v-if="scope.row.DataFlag==0" type="warning">无效</el-tag>
                <el-tag v-if="scope.row.DataFlag==1" type="success">有效</el-tag>
            </template>
            </el-table-column>
            <!--<el-table-column prop="Id" label="操作" width="80">
                <template scope="scope">
                <el-button @click="handleEditClick(scope.row)" type="text" size="small">编辑</el-button>
            </template>
            </el-table-column>-->
        </el-table>

    </div>


    <script src="../src/lib/jquery.js"></script>
    <script src="../src/lib/sea-all.js"></script>

    <script src="../src/lib/vue.js"></script>
    <script src="../src/lib/vue-router.js"></script>

    <script src="../boot.js"></script>
    <script src="../src/lib/lodash.js"></script>

    <!-- <link rel="stylesheet" href="../src/lib/elementui/index.css">
    <script src="../src/lib/elementui/index.js"></script> -->

    <!-- 引入样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <!-- 引入组件库 -->
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>


    <script src="../src/mixins/global.mixins.js"></script>




    <script>
        $(function() {
            seajs.use('./picList.js');
        })
    </script>


</body>